body {
	padding-top: constant(safe-area-inset-top);
	/*//为导航栏+状态栏的高度 88px */
	padding-left: constant(safe-area-inset-left);
	/*//如果未竖屏时为0*/
	padding-right: constant(safe-area-inset-right);
	/* //如果未竖屏时为0     */
	padding-bottom: constant(safe-area-inset-bottom);
	/*//为底下圆弧的高度 34px*/
	background-color: #F5F3F4;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	/*增加头部适配层*/
	.has-topbar {
		height: 100%;
		box-sizing: border-box;
		padding-top: 44px;
		&:before {
			content: '';
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 44px;
			background-color: #000000;
			z-index: 9998;
		}
	}
	/*增加底部适配层*/
	.has-bottombar {
		height: 100%;
		box-sizing: border-box;
		padding-bottom: 34px;
		&:after {
			content: '';
			z-index: 9998;
			position: fixed;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 34px;
			background: #f7f7f8;
		}
	}
	/*导航操作栏上移*/
	.bottom-menu-fixed {
		bottom: 34px;
	}
}

div {
	/*border: 1px solid red;*/
}

.main {
	max-width: 1080px;
	background-color: #F5F3F4;
	
}

img {
	width: 100%;
	height: 100%;
}

.top_top {
	display: flex;
	width: 95%;
	height: 6vw;
	background-color: #75af50;
	margin: 0 auto;
}

.yibai {
	width: 100%;
}

.tan {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	text-align: center;
}

p {
	font-size: 3.5vw;
	font: "微软雅黑";
	line-height: 55px;
}

.dibu {
	width: 100%;
	height: 11.2vw;
	margin: 0 auto;
	padding-top:2vw;
	padding-bottom:2vw;
	display: flex;
	justify-content: space-around;
	/*margin-bottom: 0vw;*/
	position: fixed;
	/*border-bottom: 1px solid;*/
	/*border-top: 1px solid;*/
	align-items: center;
}
.task{
	width: 92%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.5vw;
	color: white;
}
.rengong{
	 width: 9vw;
	 font-size: 3.5vw;
	 color: white;
	 display: flex;
	 align-items: center;
}
.top_top span{
	width: 15vw;
	font-size: 3.5vw;
	color: white;
	text-align: center;
	display: flex;
	align-items: center;
}
.chat input{
	width:100%;
	height: 60%;
	font-size: 3.5vw;
	border: 0px;
	outline: none;
}
.dibu_in{
	position: fixed;
    bottom: 0vw;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-bottom: 1.5vw;
	padding-top: 1.5vw;
	border:1px solid #ecedf0;
	box-shadow: darkgrey 10px 10px 30px 5px ;
	/*border-bottom:1px solid #ecedf0*/
}
